*{ margin:0px; padding:0px;}
ul{ margin:0;padding:0; }
li{ margin:0;padding:0;list-style:none;}
img{border:0px;} 

body{font-size:12px;font-family:"ËÎÌå",arial;background:#FFF;color:#749b1a; background:url(mainbkg.png) top center repeat-y;}
ul,li{list-style:none; margin:0px; padding:0px;}
img{border:none;}
.clear{clear:both;}
.mh {margin-top:9px;}
a{text-decoration:none;color:#749b1a;}
a:hover{text-decoration:underline;color:#ff7e00;}

#all {width:1000px;margin:auto;overflow:hidden;}

.head_top {width:1000px; height:98px;margin:auto;overflow:hidden;}
.header_logo {width:440px;height:72px;padding-top:26px;float:left; padding-left:10px;}
.menu {float:right;MARGIN:auto; width:516px;height:48px; padding-top:40px;}

.menu LI {POSITION: relative; TEXT-ALIGN: center; LINE-HEIGHT: 48px; FLOAT: left; HEIGHT: 48px}
.menu .m11 A {LINE-HEIGHT: 48px; WIDTH: 86px; DISPLAY: block; BACKGROUND: url(m1.jpg) no-repeat; HEIGHT: 48px}
.menu .m22 A {LINE-HEIGHT: 48px; WIDTH: 86px; DISPLAY: block; BACKGROUND: url(m2.jpg) no-repeat; HEIGHT: 48px}
.menu .m33 A {LINE-HEIGHT: 48px; WIDTH: 86px; DISPLAY: block; BACKGROUND: url(m3.jpg) no-repeat; HEIGHT: 48px}
.menu .m44 A {LINE-HEIGHT: 48px; WIDTH: 86px; DISPLAY: block; BACKGROUND: url(m4.jpg) no-repeat; HEIGHT: 48px}
.menu .m55 A {LINE-HEIGHT: 48px; WIDTH: 86px; DISPLAY: block; BACKGROUND: url(m5.jpg) no-repeat; HEIGHT: 48px}
.menu .m88 A {LINE-HEIGHT: 48px; WIDTH: 86px; DISPLAY: block; BACKGROUND: url(m8.jpg) no-repeat; HEIGHT: 48px}
.menu .m11 A:hover {LINE-HEIGHT: 48px; WIDTH: 86px; DISPLAY: block; BACKGROUND: url(m11.jpg) no-repeat; HEIGHT: 48px}
.menu .m22 A:hover {LINE-HEIGHT: 48px; WIDTH: 86px; DISPLAY: block; BACKGROUND: url(m22.jpg) no-repeat; HEIGHT: 48px}
.menu .m33 A:hover {LINE-HEIGHT: 48px; WIDTH: 86px; DISPLAY: block; BACKGROUND: url(m33.jpg) no-repeat; HEIGHT: 48px}
.menu .m44 A:hover {LINE-HEIGHT: 48px; WIDTH: 86px; DISPLAY: block; BACKGROUND: url(m44.jpg) no-repeat; HEIGHT: 48px}
.menu .m55 A:hover {LINE-HEIGHT: 48px; WIDTH: 86px; DISPLAY: block; BACKGROUND: url(m55.jpg) no-repeat; HEIGHT: 48px}
.menu .m88 A:hover {LINE-HEIGHT: 48px; WIDTH: 86px; DISPLAY: block; BACKGROUND: url(m88.jpg) no-repeat; HEIGHT: 48px}


.flash{width:1000px;height:265px;margin:auto;overflow:hidden;}


#main {width:1000px;height:100%;margin:auto;overflow:hidden;}
#left {float:left;width:229px;margin:0px 0 0 0;}
#right {float:right;width:749px;margin:0px 0 0 22px;}

.Main{width:1000px; height:auto; margin:0px auto;}
.Left{width:229px; height:auto; float:left;}
.Right{width:749px;float:right;margin:0px 0 0 22px;}
  .zzfw{width:223px;height:41px;border:3px #007900 solid; margin-bottom:9px;background:#014f27;}
  .Lf_proClist{width:223px;height:auto;background:#014f27;border:3px #007900 solid; overflow:hidden; margin-bottom:6px;}
    .cpC_tit{width:223px; height:54px;}
    .cpC_Sub{width:213px; height:auto; padding-left:10px;}
	   .cpC_Sub ul li{list-style:none;float:left;text-indent:10px;width:213px;}
	      .cpC_Sub ul li a{color:#749b1a;}  .cpC_Sub ul li a:hover{color:#FF0000; text-decoration:none;}
           .cpC_Sub ul li.big {float:left;width:213px; height:35px; line-height:35px; font-size:13px; font-weight:bold;}
           .cpC_Sub ul li.small {width:71px;height:20px;line-height:20px;float:left;overflow:hidden; font-size:12px; font-weight:normal;}
  .contact{width:223px;background:#014f27;height:100%;border:3px #007900 solid;text-align:center;}		   
.fenge{width:100%; height:20px; clear:both;}   


.page {float:left;width:720px;text-align:center;line-height:50px;background:#fff;}
.products {background:#fff;width:710px;height:100%;padding:10px 0 10px 10px;line-height:23px;}
.products li {line-height:25px;float:left;width:177px;text-align:center;height:200px;}

 
.Main_Class{width:1000px; height:auto; margin:0px auto;border-top:solid 2px #AEADAB;border-bottom:solid 2px #AEADAB; background:#ECF4F8; padding:18px 0px; overflow:hidden;} 
 .pro_Class{width:147px; height:140px; float:left; margin:10px 0px 9px 17px;}
    .pro_Cpic{width:147px;height:113px; background:url(pbg.jpg) no-repeat top center;text-align:center;}    .pro_Cpic img {width:132px;height:100px;margin-top:7px;} 
	.pro_Cname{width:147px; height:21px; margin-top:6px; line-height:21px;color:#FFFFFF; font-size:12px;text-align:center; background:url(pro_Cname.png) center center no-repeat;} 
	.pro_Cname a{color:#FFF;}

.Copright{width:1000px; height:70px;line-height:25px;color:#121212;padding-top:20px; margin:0px auto; c}
.footer {both;width:1000px;height:70px; border-top:solid 1px #AEADAB;line-height:25px;color:#121212;padding-top:20px; margin:0px auto;}

.neirong {background:#014f27;width:743px;height:100%;border:3px #007900 solid; padding:20px 0px;}
.neirong p {line-height:23px;padding:0 12px 0 22px;}
.neirong h2 {text-align:center;font-size:15px;}
.neirong h3 {text-align:center;font-size:12px;}
.ul_list {MARGIN: auto; WIDTH: 709px; HEIGHT: auto; padding:0 12px 0 22px; OVERFLOW: hidden}
.ul_list LI {BACKGROUND-IMAGE: url(icon1.gif); TEXT-ALIGN: left; LINE-HEIGHT: 14px; MARGIN-TOP: 10px; PADDING-LEFT: 12px; WIDTH: 687px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 4px; HEIGHT: 14px; COLOR: #f5f5f5; FONT-SIZE: 12px; OVERFLOW: hidden}
.ul_list SPAN {float:right;COLOR: #a7aeb4;}

.pro_ul {TEXT-ALIGN: left; MARGIN: auto; WIDTH: 719px; HEIGHT: auto; padding:0 12px 0 12px; OVERFLOW: hidden}
.pro_ul LI {TEXT-ALIGN: left; PADDING-LEFT: 35px; WIDTH: 300px; FLOAT: left; HEIGHT: 120px; OVERFLOW: hidden}
.pro_bx {TEXT-ALIGN: left; BACKGROUND-COLOR: #0b3618; PADDING-LEFT: 7px; WIDTH: 293px; HEIGHT: 100px; OVERFLOW: hidden}
.pro_img {BORDER-BOTTOM: #007900 2px solid; BORDER-LEFT: #007900 2px solid; MARGIN-TOP: 8px; WIDTH: 110px; FLOAT: left; HEIGHT: 80px; OVERFLOW: hidden; BORDER-TOP: #007900 2px solid; BORDER-RIGHT: #007900 2px solid}
.pro_img2 {BORDER-BOTTOM: #ff7e00 2px solid; BORDER-LEFT: #ff7e00 2px solid; MARGIN-TOP: 8px; WIDTH: 110px; FLOAT: left; HEIGHT: 80px; OVERFLOW: hidden; BORDER-TOP: #ff7e00 2px solid; BORDER-RIGHT: #ff7e00 2px solid}
.pro_img IMG {BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 110px; HEIGHT: 80px; OVERFLOW: hidden; BORDER-TOP: 0px; BORDER-RIGHT: 0px}
.pro_img2 IMG {BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 110px; HEIGHT: 80px; OVERFLOW: hidden; BORDER-TOP: 0px; BORDER-RIGHT: 0px}
.pro_rt {TEXT-ALIGN: left; MARGIN-TOP: 8px; WIDTH: 160px; PADDING-RIGHT: 12px; FLOAT: right; HEIGHT: 83px; OVERFLOW: hidden}
.pro_rt_tt {TEXT-ALIGN: left; LINE-HEIGHT: 24px; WIDTH: 160px; HEIGHT: 24px; COLOR: #ffffff; FONT-SIZE: 12px; OVERFLOW: hidden; FONT-WEIGHT: bold}
.pro_rt_tt A {FONT-WEIGHT: bold; TEXT-DECORATION: none}
.pro_rt_tt A:hover {COLOR: #ff7e00; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.pro_rt_tt H4 {COLOR: #ffffff; FONT-SIZE: 12px; FONT-WEIGHT: bold}
.pro_rt_txt {TEXT-ALIGN: left; LINE-HEIGHT: 20px; WIDTH: 160px; HEIGHT: 40px; COLOR: #e3e3e3; FONT-SIZE: 12px; OVERFLOW: hidden}
.pro_rt_more {TEXT-ALIGN: right; MARGIN-TOP: 2px; WIDTH: 160px; HEIGHT: 17px; OVERFLOW: hidden}
.pro_rt_more A {BACKGROUND-IMAGE: url(bt_details.jpg); WIDTH: 49px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; FLOAT: right; HEIGHT: 17px; OVERFLOW: hidden; TEXT-DECORATION: none}

.ul_img {TEXT-ALIGN: center; MARGIN: auto; WIDTH: 719px; HEIGHT: auto; padding:0 12px 0 12px; OVERFLOW: hidden}
.ul_img LI {PADDING-BOTTOM: 8px; WIDTH: 179px; FLOAT: left; HEIGHT: 120px; OVERFLOW: hidden; PADDING-TOP: 10px}
.ul_img A {BORDER-BOTTOM: #007900 2px solid; BORDER-LEFT: #007900 2px solid; BORDER-TOP: #007900 2px solid; BORDER-RIGHT: #007900 2px solid; TEXT-DECORATION: none}
.ul_img A:hover {BORDER-BOTTOM: #ff7e00 2px solid; BORDER-LEFT: #ff7e00 2px solid; BORDER-TOP: #ff7e00 2px solid; BORDER-RIGHT: #ff7e00 2px solid; TEXT-DECORATION: none}

.bx_page {TEXT-ALIGN: center; LINE-HEIGHT: 14px; MARGIN-TOP: 15px; MARGIN-BOTTOM: 15px; HEIGHT: 14px; COLOR: #a7aeb4; FONT-SIZE: 12px; OVERFLOW: hidden}
.bx_page A {COLOR: #a7aeb4; TEXT-DECORATION: none}
.bx_page A:hover {COLOR: #ff7e00; TEXT-DECORATION: underline}

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}